
<!DOCTYPE html>
<ui:composition template="/template/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui">

	<f:metadata>

		<f:viewAction action="#{devolucaoController.iniciarDados()}" />

	</f:metadata>

	<ui:define name="titulo">Devolução de Livros</ui:define>

	<ui:define name="breadcrumb">

		<ul class="breadcrumb">
			<li><a href="/biblioteca/paginas/principal.jsf">Início</a> <span class="divider">/</span></li>
			<li class="active">Devolução de Livros</li>
		</ul>

	</ui:define>

	<ui:define name="corpo">

		<h:form id="frm">

			<h3>Devolução de Livros</h3>

			<div class="row-fluid">

				<div class="span12">

					<div class="row-fluid">

						<div class="span4">

							<p:outputLabel value="Leitor: " for="nomeLeitor" />

							<p:inputText placeholder="Código" id="idLeitor" value="#{devolucaoController.formulario.entidade.emprestimo.leitor.id}" styleClass="input-mini"
								title="Informe o Código do Leitor">
								<p:ajax event="change" process="@this" partialSubmit="true" update="@form" listener="#{devolucaoController.pesquisarLeitorPorId()}" />
							</p:inputText>

							<p:defaultCommand target="nomeLeitor" />

							<span />

							<p:autoComplete placeholder="Nome" queryDelay="500" id="nomeLeitor" maxlength="60" title="Informe o Nome do Leitor"
								value="#{devolucaoController.formulario.entidade.emprestimo.leitor.nome}" maxResults="10"
								completeMethod="#{devolucaoController.pesquisarLeitores}">
								<p:ajax event="itemSelect" process="@this" partialSubmit="true" update="@form" listener="#{devolucaoController.pesquisarLeitorPorNome()}" />
								<p:ajax event="change" process="@this" delay="1000" partialSubmit="true" update="@form"
									listener="#{devolucaoController.pesquisarLeitorPorNome()}" />
							</p:autoComplete>

						</div>

						<span />

						<p:outputPanel rendered="#{devolucaoController.formulario.mostrarPainelDatas}">

							<div class="span2">

								<p:outputLabel value="Data Empréstimo: " for="idDtEmprestimo" />

								<p:inputText id="idDtEmprestimo" title="Data Empréstimo" readonly="true" value="#{devolucaoController.formulario.emprestimo.dataCadastro}"
									styleClass="input-medium">
									<f:convertDateTime pattern="#{emprestimoController.formatoData}" timeZone="#{emprestimoController.timeZone}" />
								</p:inputText>

							</div>

							<span />

							<div class="span2">

								<p:outputLabel value="Data Máxima devolução: " for="idDtMaxDevolucao" />

								<p:inputText id="idDtMaxDevolucao" title="Data Empréstimo" readonly="true"
									value="#{devolucaoController.formulario.emprestimo.dataMaximaDevolucao}" styleClass="input-medium">
									<f:convertDateTime pattern="#{emprestimoController.formatoData}" timeZone="#{emprestimoController.timeZone}" />
								</p:inputText>

							</div>

							<span />

							<div class="span2">

								<p:outputLabel value="Valor Total Multa(s): " for="idVlrTotMulta" />

								<p:inputText id="idVlrTotMulta" title="Data Empréstimo" readonly="true" value="#{devolucaoController.formulario.valorTotalMulta}"
									styleClass="input-medium">
									<f:convertNumber pattern="#{devolucaoController.formatoValorReal}" />
								</p:inputText>

							</div>

						</p:outputPanel>

					</div>

				</div>

			</div>

			<div class="row-fluid">

				<div class="span12" align="right">

					<h:panelGroup id="listaLivrosSelecionados">

						<div class="row-fluid bs-docs-example form-horizontal">

							<legend align="center">

								<h:outputText value="Lista de Livros a serem Devolvidos" />

							</legend>

							<table class="table table-striped table-bordered table-hover table-condensed">

								<thead>

									<tr class="headerTable">

										<th><div align="center">
												<h:outputText value="Código" />
											</div></th>

										<th><div align="center">
												<h:outputText value="Descrição do Livro" />
											</div></th>

										<th><div align="center">
												<h:outputText value="Qtd. Dias Atraso" />
											</div></th>

										<th><div align="center">
												<h:outputText value="Valor Multa" />
											</div></th>

										<th><div align="center">
												<h:outputText value="Ações" />
											</div></th>

									</tr>

								</thead>

								<tbody>

									<ui:repeat var="item" value="#{devolucaoController.formulario.listaLivrosDevolucao}" varStatus="status">

										<tr>

											<th><div align="center">
													<h:outputText value="#{item.codigo}" />
												</div></th>

											<th><h:outputText value="#{item.descricao}" /></th>

											<th><div align="center">
													<h:outputText value="#{item.qtdDiasAtraso}" />
												</div></th>

											<th><div align="center">
													<h:outputText value="#{item.valorMulta}">
														<f:convertNumber pattern="#{devolucaoController.formatoValorReal}" />
													</h:outputText>
												</div></th>

											<th><div align="center">
													<p:commandLink value="Devolver" title="Clique aqui para Devolver esse Item." process="@this" update="@form"
														actionListener="#{devolucaoController.devolverLivro(item)}">
														<p:confirm header="Confirmação" message="Confirma a Devolução do Livro?" icon="ui-icon-alert" />
													</p:commandLink>
													<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
														<center>
															<p:commandButton value="Sim" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
															<p:commandButton value="Não" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
														</center>
													</p:confirmDialog>
												</div></th>
										</tr>

									</ui:repeat>

								</tbody>

							</table>

						</div>

						<h:panelGroup rendered="#{devolucaoController.listaLivrosEmpty}">

							<div align="left" style="margin-left: 10px; margin-top: -8px; margin-bottom: 8px;">

								<h:outputText value="Lista Vazia!" />

							</div>

							<legend />

						</h:panelGroup>

					</h:panelGroup>

				</div>

			</div>

			<div class="row-fluid">

				<div class="span12" align="left">

					<p:commandButton id="btnDevolver" value="Devolver todos os Livros" immediate="true" process="@this" title="Clique aqui para Devolver todos os Livros!"
						action="#{devolucaoController.devolverTodosLivros()}" styleClass="btn btn-primary" update="@form" rendered="false"/>

				</div>

			</div>

		</h:form>

	</ui:define>

</ui:composition>